@charset "UTF-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size:62.5%;/*10px*/
}
/* 去除iPhone中默认的input样式 */
input{/* -webkit-appearance:none; */ resize: none;}
/* 去除数字input中的上下箭头 */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}
input,select,textarea{outline:none;border:none;background-color:transparent;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article,
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{
    -webkit-tap-highlight-color:rgba(0, 0, 0, 0);
    font-family: "Microsoft YaHei","Tahoma","Arial","Roboto","Droid Sans","Helvetica Neue","Droid Sans Fallback","Heiti SC","sans-self";
    list-style:none;
    -webkit-appearance:none;
    outline:none;
}
/* 设置HTML5元素为块 */
article, aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section {
    display: block;
}
/* 图片自适应 */
img {
    max-width: 100%;
    height: auto;
    width:auto\9; /* ie8 */
    -ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
}
*:focus {
    outline:none;
}
/* 清零 */
body,html,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;}

.clearFix:after{content:""; display:block; visibility:hidden; height:0; clear:both;}
.clearFix{zoom:1;}
a{text-decoration:none; color:#969696;}
a:hover{color:#969696; text-decoration:none;}
ul,ol,li{list-style:none;}

fieldset,img{border: none;}
table {
    border-collapse:collapse;
    border-spacing:0;
}
caption, th {
    text-align:left;
}

input:password {
    ime-mode:disabled;
}
*{box-sizing:border-box;}

.line1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 1;
    box-orient: vertical;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.line2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: box;
    display: -webkit-box;
    line-clamp: 2;
    box-orient: vertical;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/*网站样式*/
body{
    width:100%;
    height:100%;
}
.com{
    width:100%;
    height:100%;
}
/*顶部*/
.top{
    background: #161417;
    width:100%;
    position: fixed;
    top:0;
    left:0;
    vertical-align: middle;
    z-index: 333;
}
.top >p{
    color:#fff;
    font-size: 2rem;
    text-align: center;
    line-height: 4.5rem;
    width:100%;
}
.top >i{
    display: inline-block;
    width:22px;
    height:25px;
    vertical-align: middle;
    background: url("../images/back.png") no-repeat left center;
    background-size: 70%;
    position: absolute;
    top:30%;
    left:10px;
}

.bgl{
    background: #8bc2e9;
    height:100%;
    width:100%;
    padding-bottom: 80px;
    min-height: 736px;
}
.pt5{
    padding-top: 5%;
}
.regBg{
    background: #8bc2e9;
    height:100%;
    width:100%;
    min-height: 736px;
}
.bgl01{
    background: #fff;
    height:100%;
    width:100%;
    padding-bottom: 50px;
    min-height: 736px;
}
.bgl02{
    background: #f3f3f3;
}
.bgl03{
    background: #f3f3f3;
    height:100%;
    width:100%;
    padding-bottom: 50px;
    min-height: 736px;
}

/*云校服定制-提交订单*/
.schoolName{
    width:100%;
    background: #8bc2e9;
    padding:5% 3%;
    vertical-align: middle;
}
.schoolName >img{
    width:25%;
    height:24vw;
    border-radius: 8px;
    -webkit-border-radius: 8px;
    float: left;
    vertical-align: middle;
}
.schoolName >span{
    display: inline-block;
    float: left;
    width:72%;
    height:100%;
    margin-left: 3%;
    font-size: 1.6rem;
    color:#fff;
    line-height: 5.7rem;
    padding:2% 0;
    vertical-align: middle;
}
.cmck{
    /*width:auto;*/
    position:absolute;
    right:1rem;
    text-align: right;
    padding-right: 3%;
    font-size: 1.2rem;
    color:#8bc2e9;
    line-height: 3rem;
}
.cmck i{
    display: inline-block;
    width:18px;
    height:18px;
    margin-right: 5px;
    background: url("../images/icon020.png") no-repeat center;
    background-size: 90%;
    vertical-align: middle;
    margin-top: -1%;
}
.pro01{
    width:100%;
}
.pro01 ul li{
    width:100%;
    padding:4% 3%;
    border-top: 1px solid #e1e1e1;
    background: #fff;
    margin-bottom: 5%;
}
.img_001{
    width:30%;
    float: left;
    margin-right: 3%;
}
.img_001 >a{
    display: inline-block;
}
.img_001 img{
    width:100%;
    /*    height:29vw;*/
    border:1px solid #e3e3e3;
}
.proXx{
    width:67%;
    float: left;
}
.proXx h3, .proXx h4{
    font-weight: normal;
}
.proXx h3 a{
    font-size: 1.3rem;
    color:#666;
    line-height: 1.2rem;
}
.proXx h4{
    font-size: 1rem;
    color:#ffbf3e;
    line-height: 1.5rem;
}
.proXx h4 span{
    color:#ff653c;
    padding-left: 8%;
}
.cm{
    width:100%;
    padding:1% 0;
}
.cm dd{
    width:25%;
    margin-right: 1.5%;
    margin-bottom: 5px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 1rem;
    line-height: 2rem;
    float: left;
    text-align: center;
    border:1px solid #e1e1e1;
    background: transparent;
    color:#666;
}
.cm dd.default{
    border:1px solid #e1e1e1;
    background: transparent;
    color:#666;
}
.cm dd.ddActive{
    border:1px solid #a6d0ee;
    background: #a6d0ee;
    color:#fff;
}
.num_001{
    width:100%;
    padding-top: 2%;
}
.num_001 a{
    display: inline-block;
    width:23px;
    height:23px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    border:1px solid #bfbfbf;
    text-align: center;
    line-height: 20px;
    font-size: 2.2rem;
    vertical-align: middle;
    font-weight: bold;
}
.num_001 .input005{
    padding:0 8px;
    text-align: center;
    line-height: 22px;
    font-size: 1.4rem;
    width:30%;
    vertical-align: middle;
    height:22px;
}
.num_001 a.cut001{
    color:#24bf60;
}
.num_001 a.add001{
    color:#e86256;
}

.btn002{
    width:100%;
    position: fixed;
    bottom: 0;
    left: 0;
}
.btn002 a{
    display: block;
    width:100%;
    background: #8bc2e9;
    color:#fff;
    padding:4%;
    text-align: center;
    line-height: 2rem;
    font-size: 1.6rem;
}

.banner{
    width:100%;
    height:240px;
    overflow:hidden;
    position:relative;
    background:#f1f1f1;
}
.xqBanner{
    width:100%;
    height:240px;
    overflow:hidden;
    position:relative;
    background:#f1f1f1;
}
.banner ul li{
    width:100%;
    float: left;
}
.banner ul li a{
    display: block;
    width:100%;
}
.banner ul li a img{
    width:100%;
//height:140px;
    height:240px;
}
.xqBanner ul li a img{
    width:100%;
    height:240px;
}
.banner .num,.xqBanner .num{
    position: absolute;
    left:1px;
    bottom:4%;
    text-align: center;
    width: 100%;
    padding-bottom: 5px;
}
.banner .num a, .xqBanner .num a{
    width:14px;
    height:14px;
    background:#fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    margin:0 4px;
    overflow:hidden;
    cursor:pointer;
    display:inline-block;
    *display:inline;
    *zoom:1;
}
.banner .num a.active,.xqBanner .num a.active{
    background:#4baaf7;
}


/*弹出尺码表*/
.tcCmb{
    width:100%;
    height:100%;
    padding:20% 2%;
    display: block;
    z-index: 3333;
    background: rgba(0,0,0,0.6);
    top:0;
    left:0;
    position: fixed;
}
.cmb{
    width:100%;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
}
.cmb h3{
    font-size: 1.8rem;
    color:#8bc2e9;
    line-height: 4rem;
    text-align: center;
    position: relative;
    font-weight: normal;
}
.cmb h3 i{
    display: inline-block;
    width:20px;
    height:20px;
    background: url("../images/icon003.png") no-repeat center;
    background-size: 90%;
    vertical-align: middle;
    position: absolute;
    top:28%;
    right:5%;
}
.cmbBox{
    width:100%;
    overflow: auto;
    overflow: scroll;
}
/*sungf 添加滚动*/
.cmbBox p{
    height:544px;
}
.cmbBox ul li:first-child{
    background: #bee4ff;
}
.cmbBox ul li:first-child >span{
    border-right: 1px solid #fff;
    color:#999;
}
.cmbBox ul li{
    width:100%;
    border-top: 1px solid #dcdfe3;
    font-size: 1.2rem;
    color:#666;
    line-height: 3rem;
}
.cmbBox ul li >span:last-child{
    border-right:none
}
.cmbBox ul li >span{
    display: inline-block;
    width:13%;
    border-right: 1px solid #dcdfe3;
    text-align: center;
}

/*累计消费*/
.xfTop{
    width:100%;
    padding:8% 30%;
    background: #81b9df;
    text-align: center;
}
.xfTop >img{
    width:40%;
    height:auto;
}
.xfTop h3{
    margin-top: 10%;
    font-size: 1.6rem;
    color:#fff;
    line-height: 2rem;
    font-weight: normal;
}
.xfTop p{
    font-size: 1.6rem;
    color:#ff9534;
    line-height: 2.5rem;
    font-weight: bold;
}
.xfInf{
    width:100%;
}
.xfInf dl dt,.xfInf dl dd{
    width:100%;
}
.xfInf dl dt{
    color:#666;
    background: #fff;
}
.xfInf dl dd{
    color:#949496;
    background: #f3f3f3;
    border-bottom: 1px solid #e0e0e0;
}
.xfInf dl span{
    display: inline-block;
    line-height: 4rem;
    font-size: 1.4rem;
}
.ulSpan01{
    width:60%;
    text-align: left;
    text-indent: 2%;
}
.ulSpan02{
    width:35%;
    text-align: right;
    padding-right: 3%;
}
.ulSpan03{
    width:35%;
    text-align: right;
    padding-right: 3%;
    color:#ff9534;
}

/*我的地址*/
.dzBox{
    width:100%;
    margin-top: 3%;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
    background: #fff;
    position: relative;
}
.dzInf{
    width:96%;
    margin: 0 2%;
    border-bottom: 1px solid #e0e0e0;
    padding-bottom: 2%;
}
.dzInf h3{
    font-size: 1.6rem;
    color:#333;
    line-height: 4rem;
    font-weight: normal;
}
.dzInf p{
    font-size: 1.4rem;
    color:#999;
    line-height: 2rem;
}
.dzc{
    width:96%;
    margin: 0 2%;
    font-size: 1.4rem;
    color:#999;
    line-height: 4rem;
}
.dzc label{
    vertical-align: middle;
    margin-left: 2%;
}
.dzc >input{
    vertical-align: middle;
}
.dzc >input[type="radio"]:after{
    width:20px;
    height:20px;
    border-radius: 50%;
    border:1px solid #4baaf7;
    background: transparent;
    display: block;
    content: "";
}
.dzc input[type="radio"]:checked::after {
    content: "√";
    display: block;
    text-align: center;
    font-size: 1.5rem;
    height: 20px;
    width:20px;
    border-radius: 50%;
    color:#fff;
    font-weight: bold;
    background: #4baaf7;
}

.cz{
    width:38%;
    position: absolute;
    bottom:0;
    right:2%;
    font-size: 1.4rem;
    color:#999;
    line-height: 4rem;
    text-align: right;
}
.cz a{
    display:inline-block;
    float: left;
    margin-left: 10%;
    width:40%;
}
.cz .bj{
    background: url("../img/bj.png") no-repeat left center;
    background-size: 38%;
}
.cz .sc{
    background: url("../img/sc.png") no-repeat left center;
    background-size: 38%;
}
/* .dzBtn{
    width:96%;
    margin-right:2%;
    margin-left:2%;
    position: absolute;
    bottom:5%;
    left:0;
} */

.dzBtn{
    width:96%;
    margin: 20% 2% 0;
}



.dzBtn a{
    display: block;
    width:100%;
    border-radius: 8px;
    color:#fff;
    font-size: 1.4rem;
    line-height: 4rem;
    background: #8bc2e9;
    text-align: center;
}

/*add地址*/
.addDz{
    width:100%;
    margin-top: 3%;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
    border-top: 1px solid #e0e0e0;
}
.addDz ul li:last-child{
    border-bottom:none
}
.addDz ul li {
    width:100%;
    border-bottom: 1px solid #e0e0e0;
    color:#666;
    font-size: 1.4rem;
    line-height: 5rem;
}
.addDz ul li label{
    display: inline-block;
}
.addSpan001{
    width:25%;
    text-indent: 2%;
}
.addInput{
    width:73%;
    border:1px solid #e0e0e0;
    background: #fff;
    color:#666;
    text-indent: 5px;
    line-height: 3rem;
    border-radius: 5px;
}
.listStyle{
    width:96%;
    margin: 0 2% 5%;
    font-size: 1rem;
}
.listStyle select{
    position:relative;
    line-height:3rem;
    display:inline-block;
    border:1px solid #e0e0e0;
    border-radius:5px;
    cursor:pointer;
    background:#fff;
    float:left;
    margin-right: 2%;
    width:31%;
    text-align: center;
}
.listStyle select:last-child{
    margin-right: 0;
}
#show{
    color:#3399FF;
}
.pro01>ul>li {
    position: relative;
}
.addshop {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background: url("../images/addsh.png") no-repeat center;
    background-size: 100% 100%;
    right: 10px;
}
.cutshop {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background: url("../images/cutsh.png") no-repeat center;
    background-size: 100% 100%;
    right: 10px;
}